網(wǎng)站建設(shè)一般流程簡(jiǎn)介

一、        基礎(chǔ)篇：網(wǎng)站的組成

1、 網(wǎng)站的硬條件

網(wǎng)站的硬條件包括域名、主機(jī)（虛擬主機(jī)）、數(shù)據(jù)庫

1） 域名：

域名即我們?cè)L問網(wǎng)站主頁的網(wǎng)址，域名需要購買，好的域名遵循簡(jiǎn)短，和網(wǎng)站名稱一致的原則。購買域名應(yīng)該挑選比較可靠的域名服務(wù)商，一般域名年費(fèi)在幾十元到一百多元一年不等。

2） 主機(jī)：

主機(jī)，或虛擬主機(jī)，即我們所講的服務(wù)器，是一臺(tái)各種配置條件很好的可以接入互聯(lián)網(wǎng)的計(jì)算機(jī)，一般情況下我們可以租用服務(wù)器或虛擬主機(jī)，在條件允許的情況下，可以購買自己的服務(wù)器，租用的服務(wù)器所有權(quán)歸服務(wù)商，服務(wù)商提供主機(jī)相關(guān)的各種服務(wù)，而自己購買的服務(wù)器所有權(quán)歸自己，可以尋找主機(jī)商托管提供相關(guān)服務(wù)。虛擬主機(jī)為一臺(tái)服務(wù)器上虛擬出來的獨(dú)立空間，多個(gè)虛擬主機(jī)共用一臺(tái)服務(wù)器，網(wǎng)站過多會(huì)影響網(wǎng)站性能，優(yōu)點(diǎn)是便宜。獨(dú)立主機(jī)只為一家服務(wù)，不會(huì)放置其他人的網(wǎng)站，價(jià)格相對(duì)比較貴，一般在幾千。主機(jī)分為多種操作系統(tǒng)的，后文會(huì)詳細(xì)講到。

3） 數(shù)據(jù)庫

數(shù)據(jù)庫是保存網(wǎng)站數(shù)據(jù)的系統(tǒng)，租用主機(jī)或虛擬主機(jī)的情況下，需要購買，當(dāng)然有的主機(jī)商提供免費(fèi)贈(zèng)送，自己購買主機(jī)可以安裝數(shù)據(jù)庫軟件。網(wǎng)站程序通過對(duì)數(shù)據(jù)庫的操作，實(shí)現(xiàn)數(shù)據(jù)的增加、修改、刪除、查詢，將網(wǎng)站的文章、用戶數(shù)據(jù)、操作信息、設(shè)置信息等呈現(xiàn)給網(wǎng)站操作者。

是否可以不要數(shù)據(jù)庫？在早期的網(wǎng)站建設(shè)中可以不用數(shù)據(jù)庫，建立獨(dú)立的html靜態(tài)網(wǎng)站，將網(wǎng)站的內(nèi)容直接部署在html文件內(nèi)。現(xiàn)在這種網(wǎng)站部署幾乎已經(jīng)絕跡，因?yàn)閔tml靜態(tài)網(wǎng)站的更新和維護(hù)工作量極大，屬于文件操作。數(shù)據(jù)庫保存數(shù)據(jù)是現(xiàn)在幾乎所有網(wǎng)站的方法，除非你的網(wǎng)站只有幾個(gè)簡(jiǎn)單的頁面進(jìn)行展示，而長期無需更新的情況下可以不用數(shù)據(jù)庫。

2、 網(wǎng)站的軟條件

網(wǎng)站的軟條件包括服務(wù)器軟件平臺(tái)、網(wǎng)站程序、前端后臺(tái)編程技術(shù)、網(wǎng)站建設(shè)和管理人才

1） 服務(wù)器軟件平臺(tái)

主要指網(wǎng)站運(yùn)行在Windows還是Linux的服務(wù)器上，當(dāng)然服務(wù)器的操作系統(tǒng)不只這兩種，但目前是最廣泛的。windows操作系統(tǒng)的服務(wù)器使用可視化的管理工具，服務(wù)器軟件是IIS。linux操作系統(tǒng)的服務(wù)器使用命令行進(jìn)行管理，使用文本編輯的方式進(jìn)行管理，服務(wù)器軟件主要有apache和nginx。選擇那種服務(wù)器操作系統(tǒng)和軟件，由公司擁有什么樣的維護(hù)人員來決定。

除了服務(wù)器軟件之外，還包括數(shù)據(jù)庫軟件、ftp軟件等的選擇。當(dāng)下最流行的網(wǎng)站數(shù)據(jù)庫為MySQL和MSSQL，分別在linux和windows上運(yùn)行，mysql也有win版本。

2） 網(wǎng)站程序

網(wǎng)站程序是網(wǎng)站得以運(yùn)行，操作數(shù)據(jù)庫，將數(shù)據(jù)結(jié)構(gòu)化輸出，讓用戶可以直觀的看到網(wǎng)頁的核心。不同的網(wǎng)站有不同的網(wǎng)站程序，博客網(wǎng)站有博客系統(tǒng)，微博網(wǎng)站有微博系統(tǒng)，相冊(cè)網(wǎng)站有相冊(cè)系統(tǒng)，內(nèi)容類網(wǎng)站有內(nèi)容管理系統(tǒng)，社區(qū)類網(wǎng)站有社區(qū)系統(tǒng)。這些網(wǎng)站程序由不同的程序提供商提供，國內(nèi)目前已經(jīng)有很多免費(fèi)的網(wǎng)站程序。在條件允許的情況下，公司還可以聘請(qǐng)程序員撰寫自己的網(wǎng)站程序，成本較高。

3） 前端和后臺(tái)

網(wǎng)站程序分為前端和后臺(tái)，前端即表現(xiàn)層，訪客和用戶可以看到的所有頁面的設(shè)計(jì)、制作、動(dòng)作、交互效果等。后臺(tái)和管理后臺(tái)是不同的概念，管理后臺(tái)也屬于前端，只是不能被一般用戶訪問，只有管理員可以看到，其功能是直接管理網(wǎng)站內(nèi)容。后臺(tái)是指網(wǎng)站程序和數(shù)據(jù)庫打交道的部分，網(wǎng)站使用者看不到，只存在于設(shè)計(jì)者的腦海和程序運(yùn)行過程中。

好的網(wǎng)站在前端上要求高，后臺(tái)上的要求更高。前端決定了網(wǎng)站使用者的使用、視覺體驗(yàn)，是否喜歡和愿意使用網(wǎng)站決定于此。后臺(tái)決定了網(wǎng)站的數(shù)據(jù)處理能力，這也標(biāo)志著網(wǎng)站的運(yùn)行性能，超大型網(wǎng)站對(duì)后臺(tái)的要求遠(yuǎn)遠(yuǎn)超乎一般程序員的想象。

4） 人才

公司的網(wǎng)站建設(shè)、運(yùn)行、維護(hù)人才決定了公司網(wǎng)站的發(fā)展，沒有懂得網(wǎng)站技術(shù)的人才的公司，其網(wǎng)站受制于人，將花費(fèi)超乎原有價(jià)值的成本。

二、        入門篇：網(wǎng)站的模型

1、 網(wǎng)站的組成模型

2、 網(wǎng)站的運(yùn)行模型

從上圖中你可以清晰的看到，當(dāng)用戶訪問某個(gè)域名時(shí)，網(wǎng)絡(luò)請(qǐng)求被指向了這臺(tái)服務(wù)器的對(duì)應(yīng)網(wǎng)站上，服務(wù)器將命令發(fā)送給網(wǎng)站程序進(jìn)行處理，如果需要數(shù)據(jù)的調(diào)用、操作，就會(huì)和數(shù)據(jù)庫發(fā)生交互，在后臺(tái)程序獲得數(shù)據(jù)操作結(jié)果后，將結(jié)果渲染到前端程序，這時(shí)，用戶就能在自己的瀏覽器里看到一個(gè)網(wǎng)頁頁面。

3、 網(wǎng)站的管理操作模型

我們所做的任何操作都是在前端程序呈現(xiàn)出來的頁面內(nèi)進(jìn)行的，無論是我們的鼠標(biāo)點(diǎn)擊或鍵盤的動(dòng)作，都是對(duì)前端程序的操作。舉例我們?cè)诠芾砗笈_(tái)添加一篇文章：

-          我們?cè)诤笈_(tái)看到的表格、鏈接都是由前端程序渲染出來的；

-          我們?cè)陧撁嫔陷斎肓撕芏嘈畔ⅲ鐦?biāo)題、內(nèi)容、標(biāo)簽等，然后點(diǎn)擊提交；

-          程序?qū)?shù)據(jù)提交到后臺(tái)，后臺(tái)獲取數(shù)據(jù)后，執(zhí)行將數(shù)據(jù)增加到數(shù)據(jù)庫中的動(dòng)作；

-          數(shù)據(jù)庫操作執(zhí)行完畢，返回成功信息；

-          后臺(tái)程序再從數(shù)據(jù)庫將更多的文章信息查詢出來，推送給前端；

-          在瀏覽器看到添加文章成功的提示，同時(shí)列出了以往已經(jīng)添加的文章列表供我們操作。

4、 網(wǎng)站建設(shè)的技術(shù)：

網(wǎng)站建設(shè)的技術(shù)包括太多太多，無法談完，從容易理解的角度講，包括：底層技術(shù)，包括硬件軟件技術(shù)；開發(fā)技術(shù)，包括開發(fā)語言，開發(fā)思路及理論；前端技術(shù)，包括網(wǎng)頁設(shè)計(jì)與制作的技術(shù)；運(yùn)營技術(shù)，包括SEO、關(guān)鍵字等技術(shù)。可從下圖左側(cè)部分大致了解。

三、        行動(dòng)篇：網(wǎng)站的建設(shè)

上圖基本反映了一個(gè)新網(wǎng)站開發(fā)的全過程，左側(cè)綠色部分意味著技術(shù)需求；右側(cè)開發(fā)階段意味著時(shí)間需求。大圖請(qǐng)看原圖。

下面對(duì)網(wǎng)站建設(shè)的各個(gè)階段做簡(jiǎn)要的說明：

1、 網(wǎng)站硬條件的準(zhǔn)備

購買域名、主機(jī)、數(shù)據(jù)庫

2、 業(yè)務(wù)需求分析

分析公司網(wǎng)站要實(shí)現(xiàn)的業(yè)務(wù)需求，例如一個(gè)產(chǎn)品訂售網(wǎng)站要涉及到公司的倉庫、財(cái)務(wù)、銷售、市場(chǎng)等各個(gè)部門，他們之間的業(yè)務(wù)流程是怎么運(yùn)作的，那么要通過網(wǎng)站的形式來實(shí)現(xiàn)這一業(yè)務(wù)流程，應(yīng)該怎么設(shè)計(jì)。

3、 網(wǎng)站功能需求分析

在業(yè)務(wù)需求的分析結(jié)論基礎(chǔ)上，分析網(wǎng)站可能要涉及到的功能，數(shù)據(jù)管理如何實(shí)現(xiàn)，例如：在線訂購、付款、出貨、簽收等等。

4、 網(wǎng)站數(shù)據(jù)流程設(shè)計(jì)

和網(wǎng)站功能需求分析一起，這個(gè)過程很復(fù)雜，要經(jīng)過反復(fù)的調(diào)查和論證，并形成完整的分析報(bào)表，在后期的開發(fā)和維護(hù)中，都靠這些報(bào)表和成文進(jìn)行對(duì)應(yīng)的開發(fā)和維護(hù)。

5、 網(wǎng)站軟條件的選擇

根據(jù)公司的實(shí)際情況和以上調(diào)查分析得到的報(bào)告，綜合考慮使用什么操作系統(tǒng)、數(shù)據(jù)庫，以及開發(fā)語言。

6、 開始設(shè)計(jì)和編程

1）  選擇開發(fā)方式：經(jīng)過之前所有步驟的分析之后，選擇使用現(xiàn)成可拓展的程序還是自我全新開發(fā)一套網(wǎng)站程序，如果選擇后者，可以直接進(jìn)入前端程序的開發(fā)，再進(jìn)行模板解析器的套入，縮短開發(fā)時(shí)間，降低開發(fā)成本，否則將進(jìn)行下面的后臺(tái)開發(fā)步驟；

2）  交互設(shè)計(jì)：包括界面設(shè)計(jì)，即網(wǎng)頁頁面的設(shè)計(jì)，是WEB設(shè)計(jì)和藝術(shù)設(shè)計(jì)的結(jié)合；

3）  框架選擇：交互設(shè)計(jì)的同時(shí)，開發(fā)者根據(jù)自己的情況和公司需求，選擇適合的開發(fā)框架；

4）  數(shù)據(jù)庫結(jié)構(gòu)的設(shè)計(jì)；

5）  后臺(tái)程序的全盤開發(fā)：根據(jù)上文得出的功能報(bào)告，全局把握網(wǎng)站后臺(tái)數(shù)據(jù)處理過程和可能的拓展；這個(gè)過程進(jìn)入到程序編寫過程；它包括模型、控制器處理的撰寫，完成數(shù)據(jù)交互，在開發(fā)過程中，往往是團(tuán)隊(duì)分工合作，功能功能模塊的切割，在統(tǒng)一標(biāo)準(zhǔn)下分開開發(fā)，最后將不同的模塊接合一體，成為網(wǎng)站的后臺(tái)處理程序；這個(gè)過程是整個(gè)開發(fā)中最占用時(shí)間的部分；

6）  前端開發(fā)：在后臺(tái)開發(fā)的同時(shí)可以進(jìn)行前端開發(fā)的初級(jí)階段，即將設(shè)計(jì)出來的頁面制作為網(wǎng)頁，增加腳本動(dòng)作；

7）  前后端最后的接合：將設(shè)計(jì)好的前端程序和后臺(tái)結(jié)合，使用后臺(tái)程序的視圖模式，將前臺(tái)代碼轉(zhuǎn)化為程序可識(shí)別運(yùn)行的調(diào)用模式；

7、 內(nèi)部測(cè)試

完成整個(gè)程序的編寫之后，進(jìn)行本地測(cè)試和服務(wù)器測(cè)試、單人測(cè)試和多人測(cè)試。

8、 上線運(yùn)行

如果是網(wǎng)站改版，如何做到新版舊版之間的切換；如果是全新網(wǎng)站，可以直接上線，做好運(yùn)營準(zhǔn)備。

以上開發(fā)以MVC框架為思路，屬于一般情況下，一個(gè)公司網(wǎng)站開發(fā)的基本步驟，根據(jù)公司對(duì)網(wǎng)站處理的不同深度，可以適當(dāng)縮減其中的某些步驟，例如公司已經(jīng)擁有自己的服務(wù)器，或者開發(fā)的網(wǎng)站只是一個(gè)符合一般訂售網(wǎng)站標(biāo)準(zhǔn)的網(wǎng)站，無需業(yè)務(wù)分析。網(wǎng)站的開發(fā)過程意味著時(shí)間，大型網(wǎng)站開發(fā)前后可能持續(xù)1~1.5年，小型網(wǎng)站開發(fā)在半年以內(nèi)，極小型便捷式開發(fā)，例如套用現(xiàn)有的網(wǎng)站程序進(jìn)行前端模板的開發(fā)，在一個(gè)月內(nèi)即可完成。

四、        運(yùn)維篇：網(wǎng)站的運(yùn)營和維護(hù)

1、 網(wǎng)站的內(nèi)容管理

內(nèi)容的更新、處理、修改、刪除，權(quán)限的設(shè)置，用戶的管理，用戶留言評(píng)論的回復(fù)等等；

2、 網(wǎng)站的推廣

3、 網(wǎng)站的運(yùn)營

使網(wǎng)站成為一個(gè)平臺(tái)，而非單單只是網(wǎng)站，網(wǎng)站的結(jié)構(gòu)可以很簡(jiǎn)單，但使用的用戶量決定于網(wǎng)站的運(yùn)營，這既要靠網(wǎng)站的突出功能吸引用戶，也要靠網(wǎng)站管理的氛圍，微博即是例子；

4、 網(wǎng)站的技術(shù)性維護(hù)

網(wǎng)站的技術(shù)性維護(hù)包括網(wǎng)頁腳本的維護(hù)、程序的維護(hù)、服務(wù)器及數(shù)據(jù)庫的維護(hù)、安全防護(hù)等；

5、 網(wǎng)站的升級(jí)

網(wǎng)站的界面、功能、程序的升級(jí)，意味這網(wǎng)站不同程度的第二次開發(fā)。

網(wǎng)站建設(shè)可以說是一門集編程、設(shè)計(jì)、運(yùn)營、管理、頭腦風(fēng)暴、投資為一體的科學(xué)，而在目前互聯(lián)網(wǎng)發(fā)展?fàn)顟B(tài)下，還兼?zhèn)淞藙?chuàng)業(yè)的科學(xué)。

網(wǎng)站建設(shè)以建設(shè)目標(biāo)來判斷自己要學(xué)習(xí)什么，例如一個(gè)網(wǎng)頁設(shè)計(jì)者，應(yīng)該講注意力投放在界面的設(shè)計(jì)，學(xué)習(xí)javascript制作出華麗的頁面效果。在可見到的深度，可以不用繼續(xù)深造PHP等開發(fā)腳本，而更加深入的研究Javascript的性能等。而如果想成為項(xiàng)目開發(fā)者，則要上身到甚至服務(wù)器維護(hù)的層面。總之，學(xué)習(xí)者應(yīng)該根據(jù)自己的需要，選擇屬于自己的學(xué)習(xí)路線，這個(gè)路線別人無法幫助你，只能靠自己在不斷的學(xué)習(xí)中，判定自己的學(xué)習(xí)方向，制定自己的發(fā)展路線。

學(xué)習(xí)方法：

1、入門視頻教程：通過互聯(lián)網(wǎng)的方式進(jìn)行在線的視頻教程觀看，發(fā)揮視頻教程手把手教學(xué)，節(jié)奏緩慢，門檻低的優(yōu)勢(shì)，從而掌握網(wǎng)站建設(shè)的各項(xiàng)技術(shù)的入門基礎(chǔ)。幾乎所有的網(wǎng)建技術(shù)都有入門視頻教程，筆者也鼓勵(lì)學(xué)習(xí)者們分享自己的學(xué)習(xí)經(jīng)驗(yàn)，錄制成視頻，和其他學(xué)習(xí)者分享。

2、看書補(bǔ)全知識(shí)：視頻教程的缺點(diǎn)就是知識(shí)比較片面，在自己的電腦上按照視頻里的代碼一模一樣敲出來，效果卻不同。閱讀專業(yè)的完整知識(shí)體系的書籍，將自己的知識(shí)體系化，這是鞏固知識(shí)，在后期開發(fā)中不至于被束縛的重要環(huán)節(jié)。

3、勤學(xué)多練：起初的學(xué)習(xí)以提起興趣為出發(fā)點(diǎn)，之后就要多練習(xí)，多看別人的代碼，開發(fā)自己大腦的邏輯思路，讓自己在不斷的練習(xí)中解決不同問題，積累經(jīng)驗(yàn)，慢慢成為高手。

4、多多交流，忌閉門造車：主動(dòng)向高手請(qǐng)教，絕不怕丟臉，要知道高手也是從不恥下問中磨練出來的。

5、參與各種項(xiàng)目，擁有完整的建站思路：這個(gè)時(shí)候你要思考自己如何運(yùn)用自己手上的技術(shù)進(jìn)行網(wǎng)站的開發(fā)和制作，參與到網(wǎng)站建設(shè)任務(wù)中，在任務(wù)中積累經(jīng)驗(yàn)，在任務(wù)中提高團(tuán)隊(duì)開發(fā)的效率。